<!DOCTYPE html>
<html lang="zh-cn">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>jQuery冲突</title>
    <script src="./res/jquery-3.5.1.min.js"></script>
</head>

<body>
    <button>你过来呀</button>
</body>

</html>
<script>
    // noConflict() 方法会释放对 $ 标识符的控制， 这样其他脚本就可以使用它了。
    // 当然，您仍然可以通过全名替代简写的方式来使用 jQuery：
    $.noConflict();
    jQuery(window.document).ready(function(e) {
        jQuery('button').click(function(e) {
            e.preventDefault();
            window.alert('ok');
        });
    });
</script>